<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="vtc" uri="/ls-trade-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>
<head>
	<title>Roll Over</title>
</head>
<body>

<div class="content">
	<!-- InstanceBeginEditable name="content" -->

	<div class="pageTitle">Rollover Planning</div>
	<table id="errMge" class="errMge" width="100%" border="0"
		cellspacing="0" cellpadding="0" style="display: none">
		<tr class="type2">
			<td class="icon"><img class="sep" src="../images/spacer.gif" />
			</td>
			<td class="errTxt">Rollover process has been completed !</td>
		</tr>
	</table>
	<div class="form2">

		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td class="sep"><img src="../images/spacer.gif"
					style="width: 180px;" />
				</td>
				<td class="sep sep2"><img src="../images/spacer.gif" />
				</td>
			</tr>
			<tr>
				<td><label class="fLabel">Planning Exercise</label>
					<div class="fField">
						<s:textfield id="planningExercise" name="planningExercise" cssStyle="width: 240px" disabled="disabled" value="%{archivedImage.planningExercise+1}"></s:textfield>
					</div>
				</td>
				<td><label class="fLabel">Level of Planning</label>
					<div class="fField">
						<s:textfield id="planningLevel" name="planningLevel" cssStyle="width: 240px" readonly="true" value="%{archivedImage.planning.planningLevel}" ></s:textfield>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="2"><label class="fLabel">Planning
						Exercise Name</label>

					<div class="fField">
							<s:textfield id="" name="" cssStyle="width: 500px"></s:textfield>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="3"><label class="fLabel">Planning Horizon
				</label>
					<div class="fField">
						<div style="float: left; width: 100px">1st Level</div>

							<s:textfield id="" name="" cssStyle="width: 50px"></s:textfield>-
							<s:textfield id="" name="" cssStyle="width: 50px"></s:textfield>
					</div>
					<div class="fField">
						<div style="float: left; width: 100px">2nd Level</div>
							<s:textfield id="" name="" cssStyle="width: 50px"></s:textfield>-
							<s:textfield id="" name="" cssStyle="width: 50px"></s:textfield>

					</div>
					<div class="fField">
						<div style="float: left; width: 100px">3rd Level</div>
							<s:textfield id="" name="" cssStyle="width: 50px"></s:textfield>-
							<s:textfield id="" name="" cssStyle="width: 50px"></s:textfield>
					</div>
				</td>
			</tr>

		</table>
		<div class="btnSet btnSetTypeA">
			<div class="left">
				<div class="button">
					<div class="left">
						<div class="right">
							<input class="inputButton" type="button" id="" name=""
								value="Rollover"
								onclick="document.getElementById('errMge').style.display='' " />
						</div>
					</div>

				</div>
				<div class="button">
					<div class="left">
						<div class="right">
							<input class="inputButton" type="button" id="" name=""
								value="Cancel" onclick="window.location='rollover_result.html'" />
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!-- InstanceEndEditable -->
</div>

</body>
</html>